
<template>
  <div class="side-bar border-spe-right">
    <div class="side-top">
      <div class="menu-icon" :class="sysIcon"></div>
      <div class="menu-title">{{ subTitle }}</div>
    </div>
    <a-menu
      mode="inline"
      :default-selected-keys="defaultSelectedKeys"
      :open-keys.sync="openKeys"
      :selectedKeys="selectedKeys"
    >
      <template v-for="menu in menus">
        <a-menu-item v-if="!menu.items" :key="menu.routerLink">
          <router-link :to="menu.routerLink">{{ menu.label }}</router-link>
        </a-menu-item>
        <sub-menu v-else :key="menu.id" :menus="menu"></sub-menu>
      </template>
    </a-menu>
  </div>
</template>

<script lang='ts' src='./index.ts'></script>
<style lang='scss' scoped>
@import "./_index.scss";
</style>